
@for $width from 1 through 10
    .narrow-spacing-#{$width}
        letter-spacing: (-0.1px * $width) !important


@mixin panel-btn
    height: 1.875rem
    padding: 0.375rem 0.75rem


.sidebar
    height: calc(100vh - 6.25rem)
    padding-top: 1.25rem
    padding-bottom: 1.25rem
    padding-left: 1.875rem
    padding-right: 1.5rem
    position: sticky
    top: 6.25rem
    overflow-y: auto
    overflow-x: hidden
    max-width: 18%

    .sidebar-panel + .sidebar-panel
        margin-top: 1.25rem


.sidebar-panel

    &-title
        font-size: 1rem
        font-weight: 600
        color: #1D1D1D
        margin: 0 0 0.5rem 0

    &-group
        font-size: 0.75rem
        display: flex
        flex-direction: column


.scrollSpy-btn
    @include panel-btn

    &-symbol
        content: " ";
        background-color: #A09DAF
        width: 0.75rem;
        height: 0.75rem;
        border-radius: 50vh;


.filter-btn
    @include panel-btn
